<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联系我们</title>
	<link type="text/css" rel="stylesheet" href="../css/contactus.css">
	<link rel="icon" href="../favicon.ico">
</head>

<body>
	<div class="container">
		<div class="topnav">
		<ul class="guider">
			<li style="width: 16%;margin-right: 15px"><img src="../image/Logo_Plus_xie.gif" alt="Logo" width="100%"></li>
			<li><a href="../index.html">首页</a></li>
			<li class="button">
				<a style="cursor: pointer">咖啡知识</a>
				<ul>
					<li><a href="history.html">咖&ensp;啡&ensp;历&ensp;史</a></li>
					<li><a href="cultivation.html">咖&ensp;啡&ensp;培&ensp;植</a></li>
					<li class="lastbutton"><a href="roast.html">咖&ensp;啡&ensp;烘&ensp;焙</a></li>
				</ul>
			</li>
			<li class="button">
				<a style="cursor: pointer">咖啡品鉴</a>
				<ul>
					<li><a href="brew.html">咖&ensp;啡&ensp;调&ensp;制</a></li>
					<li><a href="pourover.html">手&ensp;冲&ensp;咖&ensp;啡</a></li>
					<li class="lastbutton"><a href="tasting.html">咖&ensp;啡&ensp;品&ensp;尝</a></li>
				</ul>
			</li>
			<li class="button">
				<a style="cursor: pointer">花式咖啡</a>
				<ul>
					<li><a href="latteart.html">咖&ensp;啡&ensp;拉&ensp;花</a></li>
					<li class="lastbutton"><a href="formula.html">配&ensp;方&ensp;做&ensp;法</a></li>
				</ul>
			</li>
			<li><a href="goodtimes.html">发展历程</a></li>
			<li><a href="aboutus.html">关于我们</a></li>
		</ul>
		<span class="login"><a href="login.html">登录</a></span><br><br><br>
		<hr color="#D6BD9F" size="2" style="margin: 0">
		</div>
		<div class="bigbox">
		<div class="shell">
        <div class="box">
            <i data-i="GitHub : YoRHa_CHQ"><a href="https://github.com/yorhachq" target="_blank"><img src="../image/github-fill.png" alt="github"></a></i>
        </div>
        <div class="box">
            <i data-i="Twitter : It's a secret."><a href="https://twitter.com" target="_blank"><img src="../image/twitter.png" alt="twitter"></a></i>
        </div>
        <div class="box">
            <i data-i="bilibili : It's a secret."><a href="https://bilibili.com" target="_blank"><img src="../image/bilibili-line.png" alt="bilibili"></a></i>
        </div>
        <div class="box">
            <i data-i="QID : GrailCloud"><a href="https://qq.com" target="_blank"><img src="../image/QQ.png" alt="QQ"></a></i>
        </div>
    	</div>
			<div class="sign"><p>联系我们，共同书写Coffee Story</p></div>
		</div>
		<div class="bottom">
			<hr color="#D5954E" size="8">
			<a href="contactus.html">联系我们</a>&emsp;|&emsp;
			<a href="#">返回顶部</a>&emsp;|&emsp;
			<a href="feedback.html">用户反馈</a><br>
			Copyright © 2022 YoRHa_CHQ All Rights Reserved
		</div>
	</div>
</body>
</html>
